<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title> </title>
	<title>
		<?php __('CakePHP: the rapid development php framework:'); ?>
		<?php echo $title_for_layout; ?>
	</title>
	
	<?php echo $this->Html->charset(); ?>
	<?php
		echo $this->Html->meta('icon');

		echo $this->Html->css('style-default');
		
		echo $this->Html->script('jquery-1.5.1');
		
		echo $scripts_for_layout;
	?>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>

	<script type="text/javascript">
		$(document).ready(function(){
			$('#img-featured li a').click(function(){
				var url = $(this).attr('href');
				//$this la doi tuong jquery chua bien $(this) de truy cap nhanh hon
				//url la bien chua duong dan cua anh do ta lay thuoc tinh href cua bien $this
				//alert(url);//bien url dung de nho' duong link khi  minh click
				$('#img-featured li a').removeClass('img-selected');
				$(this).addClass('img-selected');
				
				$('.img-imageBox')
				.children('img')
				.fadeOut(400, function(){
					$(this) //this nay huong toi ham de quy children('img')
					.attr('src',url) //thay src = url
					.load(function(){//va load nguoc lai vao trang luc nay
						$(this).fadeIn(400); //this nay dang huong toi  .attr('src',url)
					});
				});
				return false;//de khong chuyen sang trang khac
			});
		});
		$(document).ready(function(){
			$('#keyword').click(function(){
				return ($this).reset;
			});
		});
		$(document).ready(function() {
            $('a.tab').click(function(){
                $('.tab-active').removeClass('tab-active');
                $(this).addClass('tab-active');
                $('.tab-content').slideUp();
                var content_show = $(this).attr('title');
                $('#'+ content_show).slideDown();
                
            });
        });
	</script>
</head>
<body>
	<div id="wrapper">
		
		
        <div id="header">
            <h1 id="logo"><a href="#">Izwebz</a></h1>	
						
            <ul id="pages">
               <li><a href="#">Home</a><?php echo $html->image('images-edu/divider1.gif', array('alt' => '', 'title' => '')); ?></li>
               <li><a href="#">contact</a><?php echo $html->image('images-edu/divider1.gif', array('alt' => '', 'title' => '')); ?></li>
               <li><a href="#">feedback</a><?php echo $html->image('images-edu/divider1.gif', array('alt' => '', 'title' => '')); ?></li>
               <li><a href="#">sitemap</a></li>
            </ul>
            
            <ul id="mainNav">
               <li><a href="#">Home</a></li>
               <li><a href="#">Introduce</a></li>
               <li><a href="#">News</a></li>
               <li><a href="#">Schools</a></li>
			   <li><a href="#">Search</a></li>
			   <li><a href="#">Abouts Us</a></li>
            </ul>
			
			<ul id="welcomeNav">
				
				<?php if(isset($logged_in) && $logged_in): ?>
					<li><?php echo "Welcome <b>". $users_username[0] ."</b>, "; ?></li>
					<li><?php echo $html->link('Logout', array('controller' => 'users', 'action' => 'logout')); ?> </li>
				<?php else: ?>
					<li><?php echo "Welcome guest, ";?></li> 
					<li><?php echo $html->link('Login', array('controller' => 'users', 'action' => 'login'));?></li>
					<li><?php echo $html->link('Register', array('controller' => 'users', 'action' => 'register'));?></li>
				<?php endif;?>
				
			</ul>
			
            <div id="searchBox">
                <form id="searchform" action="" method="get">
                <p>
                <input id="keyword" class="textboxsearch" type="text" 
                value="Search this site" name="s"/>
                </p>
                </form>
            </div><!--End #searchBox-->
        </div><!--End #header-->
        
        <div id="mainContent">
			
			<?php echo $session->flash(); ?>
			<?php echo $session->flash('auth'); ?>
			<p><?php echo $content_for_layout;?></p>
            <div id="sidebar">
				<div class="tab-boxes">
					<?php echo $this->element('slide-bar/tabbed'); ?>
				</div><!--End .tab-boxes-->
				
                <div class="boxes">
                    <?php echo $this->element('slide-bar/schools');?>
                </div><!--End .boxes-->
                    
                <div class="boxes">
                    <?php echo $this->element('slide-bar/category');?>
                </div><!--End .boxes-->	
            </div><!--End #sidebar-->
            
            <div id="primary">
                <!--div class="post-nav">
                    <span class="previous floatleft">
                    <a href="#">Previous Posts</a>
                    </span>
                    
                    <span class="next floatright">
                    <a href="#">Next Posts</a>
                    </span>
					
                </div--><!--End .post-nav-->
				<p class="line-bottom"></p>
				<div id="img-wrapper" class="img-clearfix">
					<ul id="img-featured">
						<li><?php echo $html->link('1', '../img/images-edu/switcher/1.jpg', array('class' => 'img-selected')); ?></li>
						<li><?php echo $html->link('2', '../img/images-edu/switcher/2.jpg', array('class' => '')); ?></li>
						<li><?php echo $html->link('3', '../img/images-edu/switcher/3.jpg', array('class' => '')); ?></li>
						<li><?php echo $html->link('4', '../img/images-edu/switcher/4.jpg', array('class' => '')); ?></li>
					</ul>
					<div class="img-imageBox">
						<?php echo $html->image('images-edu/switcher/6.jpg', array('title' => 'sung ju ri', 'alt' => 'Example'));?>
					</div><!--end .imageBox-->
				</div><!--End #img-wrapper-->
                <!--div id="featured-post">
                    <h2>Featured Post</h2>
                    <a href="#"><img src="images/featuredImg.jpg" alt="Featured Image" /></a>
                    <h1><a href="#">Firefox is the best browser</a></h1>
                    <p>
                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In vitae magna at lectus iaculis scelerisque. Mauris tortor magna, tristique at, aliquam mattis, aliquam eget, risus. Aliquam magna. Etiam porta vulputate mauris. Praesent et massa. Aliquam vel erat nec odio lobortis consequat. Vivamus posuere urna vitae mauris. Proin adipiscing luctus ligula. Vivamus vestibulum risus convallis purus. Etiam pharetra cursus libero. Pellentesque in lorem. Nullam laoreet.
                    </p>
                
                </div--><!--End .#featured-post-->
				<p class="line-bottom"></p>
				<div class="category-left">    
					<div class="category">
						<h1><a href="#"> Category </a></h1>
						<h2><a href="#">Wordpress theme with izwebz.com</a></h2>
						<p class="metadata"><span class="post">Đăng bởi:</span> admin 
						<span class="on-date">On:</span> Nov 23rd, 09</p>
						<?php echo $html->image('images-edu/post.jpg', array('alt' => 'post image', 'title' => 'Wordpress theme with izwebz.com')); ?>
						<p class="content-post">
						Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget,                    tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet                      est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget                            tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent                       dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis,                      accumsan porttitor, facilisis luctus, metus
						</p>
						<p class="read-more"><a class="more-link floatright" href="#">Read More</a></p>
						<strong class="related">Related:</strong>
						<ul>
							<li><a href="#">- Cũ hơn nè</a></li>
							<li><a href="#">- Cũ hơn nè</a></li>
						</ul>
					</div><!--End .post-item-->
					<div class="category">
						<h1><a href="#"> Category </a></h1>
						<h2><a href="#">Wordpress theme with izwebz.com</a></h2>
						<p class="metadata"><span class="post">Đăng bởi:</span> admin 
						<span class="on-date">On:</span> Nov 23rd, 09</p>
						<?php echo $html->image('images-edu/post.jpg', array('alt' => 'post image', 'title' => 'Wordpress theme with izwebz.com')); ?>
						<p class="content-post">
							Vestibulum tortor quam, feugiat vitae, ultricies eget,                    tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet                      est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget                            tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent                       dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis,                      accumsan porttitor, facilisis luctus, metus
						</p>
						<p class="read-more"><a class="more-link floatright" href="#">Read More</a></p>
						<strong class="related">Related:</strong>
						<ul>
							<li><a href="#">- Cũ hơn nè</a></li>
							<li><a href="#">- Cũ hơn nè</a></li>
						</ul>
					</div><!--End .post-item-->
					
					<div class="category">
						<h1><a href="#"> Category </a></h1>
						<h2><a href="#">Wordpress theme with izwebz.com</a></h2>
						<p class="metadata"><span class="post">Đăng bởi:</span> admin 
						<span class="on-date">On:</span> Nov 23rd, 09</p>
						<?php echo $html->image('images-edu/post.jpg', array('alt' => 'post image', 'title' => 'Wordpress theme with izwebz.com')); ?>
						<p class="content-post">
						Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget,                    tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet                      est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget                            tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent                       dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis,                      accumsan porttitor, facilisis luctus, metus
						</p>
						<p class="read-more"><a class="more-link floatright" href="#">Read More</a></p>
						<strong class="related">Related:</strong>
						<ul>
							<li><a href="#">- Cũ hơn nè</a></li>
							<li><a href="#">- Cũ hơn nè</a></li>
						</ul>
					</div><!--End .post-item-->
				</div><!--End #category-left-->
				<div class="category-right">
					<div class="category">
						<h1><a href="#"> Category </a></h1>
						<h2><a href="#">Wordpress theme with izwebz.com</a></h2>
						<p class="metadata"><span class="post">Đăng bởi:</span> admin 
						<span class="on-date">On:</span> Nov 23rd, 09</p>
						<?php echo $html->image('images-edu/post.jpg', array('alt' => 'post image', 'title' => 'Wordpress theme with izwebz.com')); ?>
						<p class="content-post">
						Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget,                    tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet                      est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget                            tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent                       dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis,                      accumsan porttitor, facilisis luctus, metus
						</p>
						<p class="read-more"><a class="more-link floatright" href="#">Read More</a></p>
						<strong class="related">Related:</strong>
						<ul>
							<li><a href="#">- Cũ hơn nè</a></li>
							<li><a href="#">- Cũ hơn nè</a></li>
						</ul>
					</div><!--End .post-item-->
					
					<div class="category">
						<?php echo $html->image('images-edu/post.jpg', array('alt' => 'post image', 'title' => 'Wordpress theme with izwebz.com')); ?>
						<h1><a href="#">Wordpress theme with izwebz.com</a></h1>
						<p class="metadata"><span class="post">Posted by:</span> admin <span class="in-cat">In:</span> WordPress 
						<span class="on-date">On:</span> Nov 23rd, 09 <a href="#">14</a> Comments</p>
						<p class="content-post">
						Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget,                    tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet                      est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget                            tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent                       dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis,                      accumsan porttitor, facilisis luctus, metus
						</p>
						<p><a class="more-link floatright" href="#">Read More</a></p>
						
					</div><!--End .post-item-->
					
				</div><!--End .category-right-->
                
            </div><!--End #primary-->
			
        </div><!--End #mainContent-->
	</div><!--End #wrapper-->
    <div id="footer_outer">
        <div id="footer_wrapper">
            <div id="footer_links">
                <div class="info">
                <h2 class="latestPictures">Latest Pictures</h2>
				<?php echo $html->image('images-edu/image.jpg', array('alt' => 'image', 'title' => 'Latest Pictures')); ?>
                <p>
                    Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac.
                </p>
                
                </div><!--End .info-->
                
                <div class="info">
                <h2 class="upcomingEvents">Upcoming Events</h2>
                <p>
                    Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae,
                </p>

                </div><!--End .info-->
                <div class="info">
                <h2 class="blogPosts">blog Posts</h2>
                <p>
                    Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget,tempor sit amet, ante.
                </p>
                
                </div><!--End .info-->
            <div class="clear"></div>
            </div><!--End #footer_links-->
            
            <div id="footer">
                <p>&copy; 2009 izwebz developement, All Rights Reserved </p>
            </div><!--End #footer-->
        </div><!--End #footer_wrapper-->
    </div><!--End #footer_outer-->
</body>
</html>